import { Layout, Menu} from 'antd';
import { UserOutlined } from '@ant-design/icons';
import './refundManege.css'
import Head from '../../components/header';
import Refundcon from './Refund/Refundcon';
import Order from './Order';
import { Link,Route ,Redirect} from 'react-router-dom';

const { SubMenu } = Menu;
const { Sider } = Layout;



function handleChange(value) {
    console.log(`selected ${value}`);
}
function RefundManege() {

    return <div className='RefundManegebox'>
        <Layout>
            {/* heard头部 */}
            <Head />
            <Layout>
                <Sider width={200} className="site-layout-background">
                    <Menu
                        mode="inline"
                        theme="dark"
                        defaultSelectedKeys={['1']}
                        defaultOpenKeys={['sub1']}
                        style={{ height: '100%', borderRight: 0 }}
                    >
                        {/* 左侧导航栏 */}
                        <SubMenu key="sub1" icon={<UserOutlined />} title="退款管理">
                            <Menu.Item key="1"><Link to="/home/refundManege/refund">退款介入</Link></Menu.Item>
                            <Menu.Item key="2"><Link to="/home/refundManege/order">订单取消配置</Link></Menu.Item>
                        </SubMenu>
                    </Menu>
                </Sider>
                <Route path="/home/refundManege/refund"><Refundcon/></Route>
                <Route path="/home/refundManege/order"><Order/></Route>
                <Redirect to="/home/refundManege/refund"></Redirect>
            </Layout>
        </Layout>
    </div>
}
export default RefundManege;